/* eslint-disable prettier/prettier */
/* eslint-disable react-native/no-inline-styles */
import React from 'react';
import { useEffect,useState } from 'react';
import { DeviceEventEmitter,View, Image, StyleSheet, Text,TextInput, KeyboardAvoidingView,ImageBackground,TouchableOpacity ,Modal, ToastAndroid, ScrollView} from 'react-native';
import styles from './DialogStyles';

const Shopselect = ({visible,onClose,navigation}) => {
  const [phone, setPhone] = useState('');
  const [passwordcode, setPasswordcode] = useState('');
  const [agree,setAgree] = useState(false);
  const [brought,setBrought] = useState([]);
  useEffect(() => {

  },[visible]);

  //获取当前登录状态下，所持有的密码和账号
  if (!visible) {return null;}
  return (

<Modal
    animationType="slide"
    transparent={true}
    visible={visible}
    onRequestClose={onClose}
    style={styles.dialogContainer}>



<TouchableOpacity style={{flex:1,position:'absolute'}}>
        
        </TouchableOpacity>
           <View style={styles.dialogContainer}>
            <View style={{height:'20%',width:'100%',borderRadius:20}}></View>
              <View style={{height:'60%',width:'80%',borderRadius:20}}>
                  
                 <View>
                 <View style={styles.dialogContaine}>
            <ImageBackground resizeMode="stretch" source={require('../../src/image/shop/dialog_award_select_background.png')}  style={{height:'100%',alignContent:'center',justifyContent:'center'}}>
                    <View style={{top:'10%'}} >
                    <TouchableOpacity style={styles.buttons} onPress={()=>{onClose();navigation.navigate('toolshop');}}>
                       <Image  resizeMode="stretch" source={require('../../src/image/shop/dialog_award_shop.png')} style={{height:'100%',width:'100%'}} />
                    </TouchableOpacity>
                    <TouchableOpacity style={styles.buttons} onPress={()=>{onClose();navigation.navigate('awardshop');}} >
                       <Image  resizeMode="stretch" source={require('../../src/image/shop/dialog_award_select.png')} style={{height:'100%',width:'100%'}} />
                    </TouchableOpacity>
                  
                    </View>
            </ImageBackground>
         </View>
                 </View>
                  
              </View>
           </View>
         
</Modal>
    );
};



export default Shopselect;
